<template>
  <div>
    <NavBar title="约课记录" />
    <Tabs v-model="active">
      <Tab title="待上课">
        <Empty description="暂无记录" />
      </Tab>
      <Tab title="已上课">
        <Empty description="暂无记录" />
      </Tab>
      <Tab title="已取消">
        <Empty description="暂无记录" />
      </Tab>
    </Tabs>
  </div>
</template>

<script>
import { NavBar, Tab, Tabs, Empty } from "vant";
export default {
  components: {
    NavBar,
    Tab,
    Tabs,
    Empty,
  },
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style>
</style>